<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音乐播放器</title>

    <link rel="stylesheet" href="style.css">
</head>
<body>

<audio></audio>

<div class="lrc_container">
    <div class="song_container">
        <ul class="song_list"></ul>
        <p class="close"><</p>
    </div>
    <h1 class="song_name"></h1>
    <div class="effect_container">
        <ul>
            <!--后-->
            <li class="out"></li>
            <!--前-->
            <li class="out"></li>
            <!--左-->
            <li class="out"></li>
            <!--右-->
            <li class="out"></li>
            <!--上-->
            <li class="out"></li>
            <!--下-->
            <li class="out"></li>

            <li class="in"></li>
            <li class="in"></li>
            <li class="in"></li>
            <li class="in"></li>
            <li class="in"></li>
            <li class="in"></li>
        </ul>
    </div>
    <button class="find_color">找色块啊</button>
    <div class="game_box">
        <div class="game_container">
            <div class="tools">
                <h1>等级:0</h1>
                <input class="button" value="开始游戏">
                <div class="des">
                    <span class="time">还剩60秒</span>
                    <span class="step">0步</span>
                </div>
            </div>
            <div class="gameContainer"></div>
            <div class="game_over">GAME OVER!</div>
            <ul class="history"></ul>
        </div>
    </div>
</div>
<div class="audio_tool_container">
    <div class="container clear">
        <div class="control">
            <button class="pre">上一曲</button>
            <button class="play">播放</button>
            <button class="next">下一曲</button>
        </div>
        <div class="time_container">
            <span class="start_time">00:00</span>
            <input type="range" class="show_time" disabled>
            <span class="end_time">00:00</span>
        </div>
        <div class="volume_container">
            <button class="muted">静音</button>
            <div class="volume_change_container">
                <button class="volume_change">音量</button>
                <input type="range">
            </div>
        </div>
        <div class="loop_container">
            <ul>
                <li>单曲</li>
                <li>顺序</li>
                <li>随机</li>
            </ul>
            <button class="loop_button">循环</button>
        </div>
    </div>
</div>

<script src="jquery-3.2.1.js"></script>
<script src="app.js"></script>
</body>
</html>